<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>金夫人-拍摄基地</title>
    <link rel="stylesheet" href="../icon/iconfont.css">
    <link rel="stylesheet" href="../css/reset.css">
    <link rel="stylesheet" href="../css/public.css">
    <link rel="stylesheet" href="../css/part01.css">
</head>

<body>
    <header>
        <main>
            <div class="left">
                <img src="../images/jfr_03.jpg" alt="">
            </div>
            <div class="right">
                <div class="top">
                    <i class="iconfont icon-Magnifier"></i>
                    <input type="text" name="search" placeholder="SEARCH">
                    <a href="">注册</a>
                    <span>/</span>
                    <a href="">登录</a>
                </div>
                <div class="nav">
                    <ul>
                        <li><a href="../index.html">首页</a></li>
                        <li><a href="part01.html" class="active">拍摄基地</a></li>
                        <li><a href="part04.html">真实客照</a></li>
                        <li><a href="part03.html">选择影师</a></li>
                        <li><a href="">礼服妆容</a></li>
                        <li><a href="part02.html">公司简介</a></li>
                    </ul>
                </div>
            </div>
        </main>
    </header>


    <div class="banner">
        <img src="../images/part01/长网页子页_02.jpg" alt="">
    </div>

    <section>
        <main>
            <div class="stitle"><span>首页 ：</span>拍摄基地 &gt; <span>湖畔公主馆</span> &gt; <span>卢森堡长廊</span></div>
            <div class="sbottom">
                <aside>
                    <div class="atitle">拍摄基地</div>
                    <div class="area"></div>
                    <div class="uls">
                        <div class="title active">湖畔公主馆<span>-</span></div>
                        <ul style="display: block;">
                            <li class="lactive" zl="0">卢森堡长廊</li>
                            <li zl="1">星辰水晶教堂</li>
                            <li zl="2">圣恩教堂</li>
                            <li zl="3">依云湖</li>
                        </ul>
                        <div class="title">星光 · 夏朵<span>+</span></div>
                        <ul>
                            <li class="lactive" zl="0">卢森堡长廊</li>
                            <li zl="1">星辰水晶教堂</li>
                            <li zl="2">圣恩教堂</li>
                            <li zl="3">依云湖</li>
                        </ul>
                        <div class="title">秘密花园<span>+</span></div>
                        <ul>
                            <li class="lactive" zl="0">卢森堡长廊</li>
                            <li zl="1">星辰水晶教堂</li>
                            <li zl="2">圣恩教堂</li>
                            <li zl="3">依云湖</li>
                        </ul>
                        <div class="title">梦幻空间<span>+</span></div>
                        <ul>
                            <li class="lactive" zl="0">卢森堡长廊</li>
                            <li zl="1">星辰水晶教堂</li>
                            <li zl="2">圣恩教堂</li>
                            <li zl="3">依云湖</li>
                        </ul>
                    </div>
                </aside>

                <div class="section0">
                    <div class="topbox">
                        <div class="box" style="display: block;">
                            <div class="profile">
                                <div class="ch">卢森堡长廊</div>
                                <div class="en">LUXEMBURG CORRIDOR</div>
                            </div>
                            <div class="boxshadow"></div>
                            <div class="pic"><img src="../images/part01/dz01.jpg" alt=""></div>

                            <div class="bottom">
                                <p>
                                    卢森堡公园（法语:JARDIN DU
                                    LUXEMBOURG)是一座处于巴黎第六区，拉丁区中央的公园，于1612年玛丽·德·美第奇的统治下建成。卢森堡公园面积为224,500平方米，有巨大的梧桐大道与花园、喷泉，以及许多上古智者的雕像，还有皇帝的别宫卢森堡宫(PALAIS
                                    DU LUXEMBOURG)，是国会议员的宿舍。
                                </p>
                                <p>
                                    卢森堡公园还与亨利四世有关，但比浮日广场晚些，公园内的宫殿是亨利四世被刺后为玛丽皇后建造的不知道这位皇太后会不会也像中国的那些年轻的太后们一样对于权力很感兴趣，只是看到一个略大于街心花园的树丛、塑像、有棱角的小径、散落在各个角落里的座椅组成的公园。
                                </p>
                                <p>
                                    以前读过陈从周的一篇谈中国园林变成公众游览地后的接待困难的文章，内中分析了私家园林和公众园林区别，今天算是在这儿映证了。整个卢森堡公园向四面八方敞开，园中的道路是平直的，树冠很高增加了视觉的通透性，中央水池和花坛周围有大量的空地。
                                </p>
                            </div>
                        </div>
                        <div class="box">
                            <div class="profile">
                                <div class="ch">星辰水晶教堂</div>
                                <div class="en">Star Crystal Church</div>
                            </div>
                            <div class="boxshadow"></div>
                            <div class="pic"><img src="../images/part01/dz02.jpg" alt=""></div>

                            <div class="bottom">
                                <p>
                                    卢森堡公园（法语:JARDIN DU
                                    LUXEMBOURG)是一座处于巴黎第六区，拉丁区中央的公园，于1612年玛丽·德·美第奇的统治下建成。卢森堡公园面积为224,500平方米，有巨大的梧桐大道与花园、喷泉，以及许多上古智者的雕像，还有皇帝的别宫卢森堡宫(PALAIS
                                    DU LUXEMBOURG)，是国会议员的宿舍。
                                </p>
                                <p>
                                    卢森堡公园还与亨利四世有关，但比浮日广场晚些，公园内的宫殿是亨利四世被刺后为玛丽皇后建造的不知道这位皇太后会不会也像中国的那些年轻的太后们一样对于权力很感兴趣，只是看到一个略大于街心花园的树丛、塑像、有棱角的小径、散落在各个角落里的座椅组成的公园。
                                </p>
                                <p>
                                    以前读过陈从周的一篇谈中国园林变成公众游览地后的接待困难的文章，内中分析了私家园林和公众园林区别，今天算是在这儿映证了。整个卢森堡公园向四面八方敞开，园中的道路是平直的，树冠很高增加了视觉的通透性，中央水池和花坛周围有大量的空地。
                                </p>
                            </div>
                        </div>
                        <div class="box">
                            <div class="profile">
                                <div class="ch">圣恩教堂</div>
                                <div class="en">Saint Grace Church</div>
                            </div>
                            <div class="boxshadow"></div>
                            <div class="pic"><img src="../images/part01/dz03.jpg" alt=""></div>

                            <div class="bottom">
                                <p>
                                    卢森堡公园（法语:JARDIN DU
                                    LUXEMBOURG)是一座处于巴黎第六区，拉丁区中央的公园，于1612年玛丽·德·美第奇的统治下建成。卢森堡公园面积为224,500平方米，有巨大的梧桐大道与花园、喷泉，以及许多上古智者的雕像，还有皇帝的别宫卢森堡宫(PALAIS
                                    DU LUXEMBOURG)，是国会议员的宿舍。
                                </p>
                                <p>
                                    卢森堡公园还与亨利四世有关，但比浮日广场晚些，公园内的宫殿是亨利四世被刺后为玛丽皇后建造的不知道这位皇太后会不会也像中国的那些年轻的太后们一样对于权力很感兴趣，只是看到一个略大于街心花园的树丛、塑像、有棱角的小径、散落在各个角落里的座椅组成的公园。
                                </p>
                                <p>
                                    以前读过陈从周的一篇谈中国园林变成公众游览地后的接待困难的文章，内中分析了私家园林和公众园林区别，今天算是在这儿映证了。整个卢森堡公园向四面八方敞开，园中的道路是平直的，树冠很高增加了视觉的通透性，中央水池和花坛周围有大量的空地。
                                </p>
                            </div>
                        </div>
                        <div class="box">
                            <div class="profile">
                                <div class="ch">依云湖</div>
                                <div class="en">Evian Lake</div>
                            </div>
                            <div class="boxshadow"></div>
                            <div class="pic"><img src="../images/part01/dz04.jpg" alt=""></div>

                            <div class="bottom">
                                <p>
                                    卢森堡公园（法语:JARDIN DU
                                    LUXEMBOURG)是一座处于巴黎第六区，拉丁区中央的公园，于1612年玛丽·德·美第奇的统治下建成。卢森堡公园面积为224,500平方米，有巨大的梧桐大道与花园、喷泉，以及许多上古智者的雕像，还有皇帝的别宫卢森堡宫(PALAIS
                                    DU LUXEMBOURG)，是国会议员的宿舍。
                                </p>
                                <p>
                                    卢森堡公园还与亨利四世有关，但比浮日广场晚些，公园内的宫殿是亨利四世被刺后为玛丽皇后建造的不知道这位皇太后会不会也像中国的那些年轻的太后们一样对于权力很感兴趣，只是看到一个略大于街心花园的树丛、塑像、有棱角的小径、散落在各个角落里的座椅组成的公园。
                                </p>
                                <p>
                                    以前读过陈从周的一篇谈中国园林变成公众游览地后的接待困难的文章，内中分析了私家园林和公众园林区别，今天算是在这儿映证了。整个卢森堡公园向四面八方敞开，园中的道路是平直的，树冠很高增加了视觉的通透性，中央水池和花坛周围有大量的空地。
                                </p>
                            </div>
                        </div>
                    </div>

                    <div class="bottombox">
                        <span class="left"><i class="iconfont icon-xiangzuojiantou"></i></span>
                        <div class="pics">
                            <img src="../images/part01/长网页子页_12.jpg" alt="">
                            <img src="../images/part01/长网页子页_09.jpg" alt="" class="imgcenter">
                            <img src="../images/part01/长网页子页_15.jpg" alt="">
                        </div>
                        <span class="right"><i class="iconfont icon-xiangyoujiantou"></i></span>
                    </div>
                </div>
            </div>
        </main>
    </section>
    <footer>
        &copy;COPYRIGHT 2009-2017 版权所有 重庆金夫人实业有限公司增值电信业务许可证: 渝ICP备11007647号-13 技术支持∶成都岸境科技
    </footer>
    <script>
        var uls = document.getElementsByClassName("uls")[0];
        var titles = uls.getElementsByTagName("div");
        var lis = uls.getElementsByTagName("li");
        var is = document.getElementsByClassName("bottombox")[0].getElementsByTagName("i");
        var imgs = document.getElementsByClassName("bottombox")[0].getElementsByTagName("img");
        var imgarr = ["../images/part01/长网页子页_12.jpg", "../images/part01/长网页子页_09.jpg",
            "../images/part01/长网页子页_15.jpg"
        ];
        var spans = document.getElementsByClassName("stitle")[0].getElementsByTagName("span");
        var boxs = document.getElementsByClassName("box");
        console.log(boxs);

        //左侧一级标题切换
        for (var i = 0; i < titles.length; i++) {
            titles[i].onclick = function () {
                for (var j = 0; j < titles.length; j++) {
                    titles[j].className = "title";
                    titles[j].getElementsByTagName("span")[0].innerHTML = "+";
                    titles[j].nextElementSibling.style.display = "none";
                }
                this.className = "title active";
                this.getElementsByTagName("span")[0].innerHTML = "-";
                this.nextElementSibling.style.display = "block";
                for (var j = 0; j < lis.length; j++) {
                    lis[j].className = "";
                }
                this.nextElementSibling.firstElementChild.className = "lactive";
                spans[1].innerHTML = this.innerHTML.substring(0, this.innerHTML.length - 14);
                spans[2].innerHTML = this.nextElementSibling.getElementsByClassName("lactive")[0].innerHTML;
                for (var j = 0; j < boxs.length; j++) {
                    boxs[j].style.display = "none";
                }
                boxs[parseInt(this.nextElementSibling.firstElementChild.getAttribute("zl"))].style.display =
                "block";
            }
        }
        //左侧二级标题切换
        for (var i = 0; i < lis.length; i++) {
            lis[i].onclick = function () {
                for (var j = 0; j < lis.length; j++) {
                    lis[j].className = "";
                }
                this.className = "lactive";
                spans[2].innerHTML = this.innerHTML;
                for (var j = 0; j < boxs.length; j++) {
                    boxs[j].style.display = "none";
                }
                boxs[parseInt(this.getAttribute("zl"))].style.display = "block";
            }
        }

        //底部图片点击切换
        is[0].onclick = function () {
            imgarr.push(imgarr.shift());
            for (var i = 0; i < imgs.length; i++) {
                imgs[i].src = imgarr[i];
            }
        }
        is[1].onclick = function () {
            imgarr.unshift(imgarr.pop());
            for (var i = 0; i < imgs.length; i++) {
                imgs[i].src = imgarr[i];
            }
        }

        //导航栏切换
        var as = document.getElementsByClassName("nav")[0].getElementsByTagName("a");

        for (var i = 0; i < as.length; i++) {
            as[i].onmouseover = function () {
                for (var j = 0; j < as.length; j++) {
                    as[j].className = "";
                }
                this.className = "active";

            }
        }
        var nav = document.getElementsByClassName("nav")[0]
        nav.onmouseout = function () {
            for (var j = 0; j < as.length; j++) {
                as[j].className = "";
            }
            as[1].className = "active";
        }
    </script>
</body>

</html>